@import "public.scss";
.header{
  margin-top:px2rem(-161px);
  font-size: px2rem(17px);
  color: #fff;
  text-align: center;
  position: relative;
  .return{
    width: px2rem(25px);
    height:px2rem(25px);
    position: absolute;
    left:px2rem(-5px);
    top:0;
  }
}
.portrait-wrap{
  margin-top:px2rem(20px);
  .headportrait{
    width: px2rem(55px);
    height: px2rem(55px);
    border-radius: 100px;
    overflow: hidden;
    margin: auto;
    img{
      width:100%;
      height:100%;
    }
  }
  .idtext{
    font-size: px2rem(15px);
    color: #fff;
    margin-top: px2rem(20px);
    text-align: center;
    display: inline-block;
    width: 100%;
  }
}
.nav-wrap{
  width:100%;
  height:px2rem(80px);
  background: #fff;
  border-radius: 10px 10px 0 0;
  margin-bottom: px2rem(8px);
  margin-top: px2rem(20px);
  .text-wrap{
    width: 100%;
    padding: 0 px2rem(15px);
    color: #212529;
    font-size: px2rem(17px);
    line-height: px2rem(80px);
    position: relative;
    .mypay{
      width:50%;
      text-align: center;
      text-indent: px2rem(50px);
      .img-mypay{
        display: inline-block;
        width:px2rem(30px);
        height:px2rem(30px);
        position: absolute;
        top:px2rem(25px);
        left: px2rem(55px);
      }
    }
    .share{
      width:50%;
      text-align: center;
      .img-share{
        display: inline-block;
        width:px2rem(30px);
        height:px2rem(30px);
        position: absolute;
        top:px2rem(24px);
        left: px2rem(203px);
      }
    }
  }
}
.navlist-rap{
  width: 100%;
  margin-top: px2rem(10px);
  ul{
    width:100%;
    height:auto;
    li{
      background: #fff;
      width:100%;
      height:px2rem(50px);
      margin-bottom: px2rem(2px);
      a{
        padding: 0 px2rem(15px);
        display: inline-block;
        width:100%;
        height:100%;
        color: #333;
        .icon{
          display: inline-block;
          width:px2rem(20px);
          height:px2rem(20px);
          margin-top:px2rem(14px);
        }
        .text{
          font-size: px2rem(15px);
          line-height: px2rem(50px);
          text-indent: px2rem(15px);
        }
        .show{
          width: px2rem(11px);
          height:px2rem(11px);
          display: inline-block;
          margin-top:px2rem(20px);
        }
      }
    }
  }
}
.install-wrap{
  width:100%;
  margin-top: px2rem(10px);
  padding: 0 px2rem(15px);
  background: #fff;
  height: px2rem(60px);
  .logoimg{
    width: px2rem(45px);
    height: px2rem(45px);
    border-radius: 10px;
    margin-top:7px;
    overflow: hidden;
  }
  .describe{
      p:nth-child(1){
        font-size: px2rem(15px);
        text-indent: px2rem(10px);
        margin-top: px2rem(8px);
      }
      p:nth-child(2){
        font-size: px2rem(13px);
        color: rgb(153, 153, 153);
        margin-top: px2rem(3px);
        text-indent: px2rem(10px);
      }
  }
  .goinstall{
    width: px2rem(78px);
    height:px2rem(30px);
    background: #ffb811;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: px2rem(6px) px2rem(12px);
    margin-top: px2rem(15px);
    a{
      color: #fff;
      font-size: px2rem(13px);
    }
  }
}


